.bar-top {
  height: 44px;
  background-color: #39d167;
  padding-right: 0px; }
  .bar-top .title {
    color: #fff; }
  .bar-top.home-top {
    background-color: #FFF; }
    .bar-top.home-top .title {
      color: #323232; }
    .bar-top.home-top .item-input-wrapper {
      border-radius: 34px 34px;
      background-color: #f5f5f5;
      padding-left: 15px;
      position: relative; }
      .bar-top.home-top .item-input-wrapper .ion-ios-search {
        font-size: 20px; }
      .bar-top.home-top .item-input-wrapper input {
        font-size: 13px !important; }
    .bar-top.home-top + .msg-setting {
      position: absolute;
      width: 100px;
      top: 40px;
      right: 5px;
      background-color: #FFF;
      border-radius: 10px;
      border: solid 1px #ddd;
      z-index: 99;
      padding: 5px; }
      .bar-top.home-top + .msg-setting .arrow {
        width: 22px;
        height: 11px;
        display: block;
        position: absolute;
        top: -11px;
        left: 67px;
        background-image: url("../img/msg-info.png");
        background-repeat: no-repeat;
        background-size: contain; }
      .bar-top.home-top + .msg-setting .link {
        width: 100%;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        border-bottom: solid 1px #ddd; }
        .bar-top.home-top + .msg-setting .link:last-child {
          border-bottom: none; }
  .bar-top.item-input-inset .back {
    margin-right: 0px !important; }
  .bar-top.item-input-inset .item-input-wrapper input {
    font-size: 18px;
    line-height: 30px; }
  .bar-top .text-center {
    text-align: center; }
  .bar-top .buttons {
    color: #4d4d4d;
    line-height: 34px; }
    .bar-top .buttons button {
      width: 44px;
      height: 34px;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: transparent;
      display: inline-block;
      background-size: contain; }
    .bar-top .buttons .create {
      font-size: 14px;
      padding-left: 0px;
      padding-right: 0px;
      font-weight: bold; }
    .bar-top .buttons .logo {
      margin-left: 10px;
      background-image: url("../img/icon-top-logo.png"); }
    .bar-top .buttons .setting {
      margin-right: 10px;
      background-image: url("../img/icon-top-set.png"); }
    .bar-top .buttons .msg {
      background-image: url("../img/icon-top-msg.jpg");
      position: relative; }
      .bar-top .buttons .msg span {
        display: block;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: #ff0000;
        color: #fff;
        font-size: 9px;
        position: absolute;
        top: 0px;
        right: 0px;
        line-height: 13px;
        box-shadow: 0px 0px 2px #ccc; }
    .bar-top .buttons .city {
      color: #39d167;
      padding: 0px; }
    .bar-top .buttons .back {
      margin-right: 10px;
      background-image: url("../img/icon-top-back.png"); }
    .bar-top .buttons .search {
      margin-right: 10px;
      background-image: url("../img/icon-top-search.png"); }
    .bar-top .buttons .msg-flag {
      background-image: url("../img/msg-setting.jpg"); }
    .bar-top .buttons .btn-text {
      width: 50px;
      font-size: 16px;
      color: #999999; }
      .bar-top .buttons .btn-text.active {
        color: #000; }
    .bar-top .buttons .tip {
      margin-left: 5px;
      font-size: 16px;
      color: #4d4d4d; }
    .bar-top .buttons .b {
      font-weight: bold; }
    .bar-top .buttons .right {
      margin-right: 10px;
      float: right; }
    .bar-top .buttons .small {
      color: #ffffff;
      font-size: 14px; }
    .bar-top .buttons .big {
      color: #ffffff;
      font-weight: bolder;
      font-size: 25px;
      text-align: center;
      line-height: 25px;
      letter-spacing: 1px; }

.button-clear {
  color: #000 !important; }

.scroll-content {
  background-color: #f5f5f5; }

.bg-fff {
  background-color: #FFF; }

input[type='date'] {
  -webkit-appearance: none;
  border: none;
  outline: none;
  width: 100%; }

.tabs-positive > .tabs {
  background-color: #FFF;
  border-color: #ddd !important;
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%); }
  .tabs-positive > .tabs .tab-item .icon {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    height: 47px; }
    .tabs-positive > .tabs .tab-item .icon.ion-main {
      background: url("../img/tab1.jpg"); }
    .tabs-positive > .tabs .tab-item .icon.ion-chat {
      background: url("../img/tab2.jpg"); }
    .tabs-positive > .tabs .tab-item .icon.ion-check {
      background: url("../img/tab3.jpg"); }
    .tabs-positive > .tabs .tab-item .icon.ion-user {
      background: url("../img/tab4.jpg"); }
  .tabs-positive > .tabs .tab-item.tab-item-active .ion-main {
    background: url("../img/tab1_cli.jpg"); }
  .tabs-positive > .tabs .tab-item.tab-item-active .ion-chat {
    background: url("../img/tab2_cli.jpg"); }
  .tabs-positive > .tabs .tab-item.tab-item-active .ion-check {
    background: url("../img/tab3_cli.jpg"); }
  .tabs-positive > .tabs .tab-item.tab-item-active .ion-user {
    background: url("../img/tab4_cli.jpg"); }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

a {
  text-decoration: none; }

.btn-post.activated {
  color: #000 !important; }

input::-webkit-input-placeholder {
  color: #ccc; }

textarea::-webkit-input-placeholder {
  color: #ccc; }

.ph {
  color: #ccc; }

.button {
  line-height: 20px;
  height: 35px;
  background-color: #39d167;
  font-size: 20px;
  color: #fff; }
  .button.gray {
    background-color: #cccccc;
    color: #888888; }
    .button.gray.activated {
      background-color: #cccccc;
      color: #888888;
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
    .button.gray.active {
      background-color: #cccccc;
      color: #888888;
      box-shadow: 0px 2px 2px #ccc inset; }
    .button.gray:hover {
      color: #888888; }
  .button.activated {
    background-color: #39d167;
    color: #fff;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
  .button.active {
    background-color: #39d167;
    color: #fff;
    box-shadow: 0px 2px 2px #ccc inset; }
  .button:hover {
    color: #fff; }

.logo {
  width: 150px;
  height: 152px;
  margin: 50px auto; }
  .logo img {
    width: 100%;
    height: 100%; }

.silde ul[rn-carousel] {
  width: 100%;
  height: 100%; }
  .silde ul[rn-carousel] li img {
    width: 100%; }

.sbutton {
  margin: 30px 10px;
  height: 40px;
  border-radius: 5px;
  background-color: #39d167;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: bolder; }

.form .f-block {
  background-color: #FFF;
  margin-bottom: 15px;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd; }
  .form .f-block.mt {
    margin-top: 15px; }
  .form .f-block .row {
    margin-top: -1px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px; }
    .form .f-block .row .txt {
      font-weight: bold;
      color: #000; }
    .form .f-block .row.ipt {
      height: 35px;
      line-height: 35px; }
    .form .f-block .row .col {
      padding-top: 0px;
      padding-bottom: 0px;
      padding-right: 0px;
      border-top: solid 1px #ddd;
      border-bottom: solid 1px #ddd;
      position: relative; }
      .form .f-block .row .col.tar {
        text-align: right;
        padding-right: 10px; }
      .form .f-block .row .col .r-arrow {
        width: 19px;
        height: 34px;
        background-image: url("../img/r-arrow.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 10px; }
      .form .f-block .row .col.phone {
        border-left: solid 1px #ddd; }
      .form .f-block .row .col .name {
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 0px; }
      .form .f-block .row .col .txt-area {
        width: 100%;
        margin-bottom: 20px; }
    .form .f-block .row:last-child .col {
      border-bottom: none; }

.succ {
  background-color: #ffffff;
  text-align: center; }
  .succ img {
    margin-top: 55px;
    width: 173px; }
  .succ p {
    font-size: 18px;
    font-weight: bold;
    color: #323232;
    margin-top: 40px;
    text-align: center; }

.item-input-inset {
  padding-right: 10px;
  padding-left: 5px; }

.loading .box {
  position: relative; }
  .loading .box img {
    width: 100%; }
  .loading .box .btns {
    position: absolute;
    width: 100%;
    height: 35px;
    bottom: 100px;
    text-align: center; }
  .loading .box .btn-in {
    width: 150px;
    height: 100%;
    color: #45f079;
    border: solid 2px #45f079;
    border-radius: 4px;
    background-color: #FFF;
    font-size: 20px; }

.item-remove-animate .item-content {
  padding: 0px; }

.calendar {
  background-color: #FFF; }
  .calendar #fd {
    display: none; }
  .calendar .month {
    line-height: 30px;
    color: #ff0000;
    font-size: 18px;
    padding-top: 10px; }
  .calendar .week {
    width: 100%;
    height: 22px;
    line-height: 22px;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .calendar .week .w-item {
      width: 100%;
      text-align: center; }
      .calendar .week .w-item:nth-child(6) {
        color: #a3a3a3; }
      .calendar .week .w-item:nth-child(7) {
        color: #a3a3a3; }
  .calendar .bdcalendar {
    position: relative; }
    .calendar .bdcalendar .week-row {
      width: 100%;
      height: 71px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      .calendar .bdcalendar .week-row .cell {
        text-align: center;
        width: 100%;
        padding-top: 10px;
        position: relative;
        color: #000; }
        .calendar .bdcalendar .week-row .cell .mask {
          position: absolute;
          top: 10px;
          width: 40px;
          height: 40px;
          padding-top: 5px; }
        .calendar .bdcalendar .week-row .cell.day-yz.before .mask {
          opacity: 0.5;
          transition: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -o-transform: rotate(0deg); }
        .calendar .bdcalendar .week-row .cell.day-yz .mask {
          background-image: url("../img/calen-flag.png");
          background-repeat: no-repeat;
          background-size: contain;
          transition: rotate(30deg);
          -webkit-transform: rotate(30deg);
          -o-transform: rotate(30deg); }
        .calendar .bdcalendar .week-row .cell .box {
          width: 40px;
          height: 40px;
          padding-top: 5px; }
        .calendar .bdcalendar .week-row .cell.today .box {
          border-radius: 50%;
          background-color: #ff3b30;
          color: #fff; }
        .calendar .bdcalendar .week-row .cell.today.day-yz .box {
          border-radius: 50%;
          background-color: inherit;
          color: inherit; }
        .calendar .bdcalendar .week-row .cell:nth-child(6), .calendar .bdcalendar .week-row .cell:nth-child(7) {
          color: #a3a3a3; }
        .calendar .bdcalendar .week-row .cell .so {
          font-size: 16px;
          line-height: 16px; }
        .calendar .bdcalendar .week-row .cell .yl {
          font-size: 12px;
          line-height: 12px; }
        .calendar .bdcalendar .week-row .cell.cell-num {
          border-top: solid 1px #ddd; }

.chat-box {
  height: 40px;
  line-height: 40px;
  border-top: solid 1px #ddd;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 7px;
  background-color: #f8f8f8; }
  .chat-box .col {
    padding: 0px; }
    .chat-box .col .message {
      width: 100%;
      height: 25px;
      border-radius: 5px;
      border: solid 1px #ddd;
      padding-left: 5px;
      padding-right: 5px; }
    .chat-box .col.send {
      padding-left: 10px; }
      .chat-box .col.send .btn-send {
        width: 100%;
        background: none;
        border: none;
        height: 25px;
        float: left;
        color: #39d167;
        font-size: 18px;
        line-height: 25px; }
    .chat-box .col.img .btn-img {
      width: 100%;
      height: 25px;
      background-image: url("../img/btn-img.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      background-color: transparent;
      background-position: center center;
      border: none;
      padding: 0px;
      margin: 0px; }

.chat-page.chat-page {
  background-color: #f5f5f5; }

.chat-page .chat-list {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 40px; }
  .chat-page .chat-list .chat-list-box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }

.chat-page .message-list .list .money-tip {
  width: 100%;
  padding: 10px;
  font-size: 12px;
  color: #666;
  padding-bottom: 20px; }

.chat-page .message-list .list .over-tip {
  width: 100%;
  text-align: center;
  height: 30px;
  padding-bottom: 100px;
  color: #666;
  font-size: 12px; }

.chat-page .message-list .item {
  background: none;
  border: none;
  margin-top: 10px; }
  .chat-page .message-list .item .avatar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 17%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 17%;
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
    text-align: center; }
    .chat-page .message-list .item .avatar img {
      width: 40px;
      height: 40px;
      border-radius: 50%; }
  .chat-page .message-list .item.from .content {
    float: right;
    background-color: #FFF !important;
    border: solid 1px #ddd; }
  .chat-page .message-list .item.from .chat-arrow {
    right: -5px;
    z-index: 2;
    background-image: url("../img/chat-arrow3.png"); }
  .chat-page .message-list .item.to .content {
    float: left;
    background-color: #39d167; }
  .chat-page .message-list .item.to .chat-arrow {
    left: -5px;
    background-image: url("../img/chat-arrow2.png"); }
  .chat-page .message-list .item .msg-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 83%;
    -ms-flex: 0 0 83%;
    flex: 0 0 83%;
    max-width: 83%;
    padding-left: 10px;
    padding-right: 10px; }
    .chat-page .message-list .item .msg-box .msg {
      width: 100%;
      position: relative; }
      .chat-page .message-list .item .msg-box .msg.pic img {
        max-width: 100%; }
      .chat-page .message-list .item .msg-box .msg .chat-arrow {
        position: absolute;
        width: 6px;
        height: 8px;
        top: 10px;
        background-repeat: no-repeat;
        background-size: contain; }
      .chat-page .message-list .item .msg-box .msg .content {
        max-width: 100%;
        white-space: normal;
        font-size: 13px;
        border-radius: 5px;
        padding: 5px;
        width: auto;
        display: inline-block;
        color: #000; }

.recent-chat .check-box {
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .recent-chat .check-box .scroll-view {
    width: 100%;
    height: 100%; }

.recent-chat .recent-chat-list .item .avatar {
  width: 62px;
  height: 62px;
  border-radius: 50%; }

.recent-chat .recent-chat-list .item .name {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px; }

.recent-chat .recent-chat-list .item .content {
  color: #666666;
  font-size: 14px; }

.recent-chat .recent-chat-list .item .op .status {
  max-width: 40px;
  width: 100%;
  height: 20px;
  border-radius: 3px 3px;
  font-size: 12px;
  display: block;
  background-color: #39d167;
  color: #fff;
  text-align: center;
  margin: 10px auto;
  margin-bottom: 0px; }
  .recent-chat .recent-chat-list .item .op .status.over {
    background-color: #cccccc; }

.recent-chat .recent-chat-list .item .op .flag {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #f92d2d;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  margin: 2px auto; }

.recent-check .table-head {
  background-color: #FFF;
  height: 35px;
  line-height: 35px;
  padding: 0px;
  padding-left: 10px; }
  .recent-check .table-head .col {
    padding: 0px;
    color: #39d167;
    font-size: 16px;
    font-weight: bold; }

.recent-check .check-box {
  position: absolute;
  top: 35px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .recent-check .check-box .scroll-view {
    width: 100%;
    height: 100%; }

.recent-check .checks {
  padding: 0px; }
  .recent-check .checks .item {
    padding: 0px;
    font-size: 14px;
    color: #323232;
    background-color: #f2f2f2;
    height: 40px;
    line-height: 40px;
    font-weight: bold; }
    .recent-check .checks .item .item-content {
      background-color: #f2f2f2; }
    .recent-check .checks .item .check-item {
      padding: 0px;
      padding-left: 10px;
      padding-right: 10px; }
      .recent-check .checks .item .check-item .col {
        padding: 0px; }
        .recent-check .checks .item .check-item .col.extra {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
    .recent-check .checks .item .status {
      color: #ff0000; }
      .recent-check .checks .item .status.over {
        color: #39d167; }
    .recent-check .checks .item .arrow {
      width: 19px;
      height: 29px;
      display: inline-block;
      vertical-align: middle;
      background-image: url("../img/r-arrow2.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      float: right; }

.add-check .tit {
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #39d167;
  margin-bottom: 0; }

.add-check .block .row .col.report {
  padding-right: 10px; }

.add-check .report {
  padding-bottom: 10px !important; }
  .add-check .report .r-tit {
    line-height: 30px;
    font-weight: bold;
    color: #000; }
  .add-check .report .up-list {
    margin-top: 10px !important;
    padding: 0px; }
    .add-check .report .up-list .col {
      border: none !important; }
      .add-check .report .up-list .col .arrow {
        display: block;
        width: 11px;
        height: 17px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 17px; }
        .add-check .report .up-list .col .arrow.left {
          background-image: url("../img/check-left.jpg"); }
        .add-check .report .up-list .col .arrow.right {
          background-image: url("../img/check-right.jpg"); }
      .add-check .report .up-list .col .ul-imgs {
        width: auto;
        height: 55px;
        overflow: hidden; }
        .add-check .report .up-list .col .ul-imgs li {
          float: left;
          width: 60px;
          margin-right: 4px; }
          .add-check .report .up-list .col .ul-imgs li img {
            width: 100%; }
  .add-check .report .upload {
    padding-left: 10px;
    margin-top: 10px;
    line-height: 30px;
    color: #cccccc; }
    .add-check .report .upload .up {
      display: inline-block;
      width: 25px;
      height: 25px;
      background-image: url("../img/btn-upload.jpg");
      background-repeat: no-repeat;
      background-size: contain;
      vertical-align: middle;
      margin: 10px; }

.add-check .btn {
  margin-bottom: 10px; }

.classRoom-list {
  background-color: #ffffff; }
  .classRoom-list .classRooms .item {
    padding: 0px; }
  .classRoom-list .classRooms .avatar img {
    width: 70px;
    height: 70px; }
  .classRoom-list .classRooms .info .title {
    color: #39d167;
    font-size: 16px;
    font-weight: bold;
    white-space: normal; }
  .classRoom-list .classRooms .info .title2 {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    white-space: normal; }
  .classRoom-list .classRooms .info .t {
    font-size: 14px;
    font-weight: bold;
    color: #999999; }
  .classRoom-list .classRooms .info .t2 {
    font-size: 14px;
    font-weight: bold;
    color: #999999; }

.clinic-list {
  background-color: #FFF; }
  .clinic-list .clinic-box {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    bottom: 0px; }
    .clinic-list .clinic-box .shadow {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 3; }
    .clinic-list .clinic-box.open-search .shadow {
      display: block; }
    .clinic-list .clinic-box .scroll-view {
      width: 100%;
      height: 100%; }
  .clinic-list .search-box {
    margin-top: 10px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    height: 26px;
    line-height: 25px; }
    .clinic-list .search-box .row {
      padding: 0px; }
    .clinic-list .search-box .col {
      padding: 0px;
      text-align: center;
      border-right: solid 1px #ddd;
      margin-right: 1px; }
      .clinic-list .search-box .col.selected {
        color: #39d167; }
        .clinic-list .search-box .col.selected .down {
          background-image: url("../img/icon-down-cli.jpg"); }
      .clinic-list .search-box .col .down {
        display: inline-block;
        width: 18px;
        height: 15px;
        background-image: url("../img/icon-down.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle; }
    .clinic-list .search-box .list {
      z-index: 4;
      margin-top: -2px;
      background-color: #FFF;
      padding: 0px; }
      .clinic-list .search-box .list ion-scroll {
        max-height: 240px; }
      .clinic-list .search-box .list .item {
        height: 30px;
        line-height: 30px;
        padding: 0 10px 0 10px;
        font-size: 14px;
        font-weight: bold; }
        .clinic-list .search-box .list .item.selected {
          color: #39d167; }
  .clinic-list .clinics {
    padding-bottom: 0px; }
    .clinic-list .clinics .list {
      margin-top: -1px; }
    .clinic-list .clinics .item {
      padding: 10px 0px 0px 0px; }
      .clinic-list .clinics .item .row {
        padding: 0px; }
      .clinic-list .clinics .item .avatar img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        overflow: hidden; }
      .clinic-list .clinics .item .info {
        padding-bottom: 0px; }
        .clinic-list .clinics .item .info .t1 {
          font-size: 13px;
          font-weight: bold;
          color: #323232;
          line-height: 30px; }
          .clinic-list .clinics .item .info .t1 .name {
            font-size: 25px;
            color: #39d167;
            margin-right: 10px; }
        .clinic-list .clinics .item .info .t {
          font-size: 15px;
          font-weight: bold;
          color: #323232;
          line-height: 25px;
          white-space: normal; }
        .clinic-list .clinics .item .info .price {
          height: 25px;
          line-height: 25px;
          border-top: solid 1px #ddd;
          padding: 0px;
          font-size: 12px; }
          .clinic-list .clinics .item .info .price .col {
            padding: 0px; }
            .clinic-list .clinics .item .info .price .col.money {
              color: #ff4200; }
            .clinic-list .clinics .item .info .price .col.old {
              color: #666666;
              text-decoration: line-through; }
            .clinic-list .clinics .item .info .price .col.status {
              text-align: right; }
              .clinic-list .clinics .item .info .price .col.status.over a {
                background-color: #a3a3a3; }
              .clinic-list .clinics .item .info .price .col.status a {
                background-color: #39d167;
                color: #fff;
                text-align: center;
                border-radius: 3px;
                padding: 2px; }

.clinic-detail .btn {
  margin-top: 40px; }

.add-clinic .add {
  margin-top: 10px; }
  .add-clinic .add .list {
    padding: 0px; }
    .add-clinic .add .list .item {
      padding: 0px;
      padding-left: 10px;
      padding-right: 10px; }
    .add-clinic .add .list .col {
      padding: 0px;
      font-size: 14px; }
      .add-clinic .add .list .col input {
        height: 18px;
        text-align: right; }
    .add-clinic .add .list .r {
      text-align: right;
      color: #323232; }
  .add-clinic .add .button {
    margin-top: 10px; }

.doc.find-doc .search {
  margin-top: 23px;
  margin-bottom: 10px; }
  .doc.find-doc .search .item {
    padding: 0px;
    padding-left: 10px; }
  .doc.find-doc .search input {
    height: 30px;
    padding-right: 10px; }

.doc.find-doc .title {
  line-height: 35px;
  height: 35px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px; }

.doc.find-doc .quicks {
  background-color: #FFF; }
  .doc.find-doc .quicks .col a {
    border: solid 1px #ddd;
    height: 24px;
    display: block;
    border-radius: 24px;
    text-align: center;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.doc.find-doc .icons {
  width: 100%; }
  .doc.find-doc .icons li {
    width: 25%;
    border: solid 1px #ccc;
    position: relative;
    text-align: center;
    min-height: 77px; }
    .doc.find-doc .icons li a {
      width: 100%; }
      .doc.find-doc .icons li a img {
        width: 35px;
        height: 35px;
        margin-top: 5px; }
      .doc.find-doc .icons li a p {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 8px;
        font-size: 12px;
        color: #323232;
        margin-bottom: 0px; }

.doc-list {
  background-color: #FFF; }
  .doc-list .doc-box {
    position: absolute;
    top: 38px;
    left: 0px;
    right: 0px;
    bottom: 0px; }
    .doc-list .doc-box .shadow {
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background: rgba(0, 0, 0, 0.5);
      z-index: 3; }
    .doc-list .doc-box.open-search .shadow {
      display: block; }
    .doc-list .doc-box .scroll-view {
      width: 100%;
      height: 100%; }
  .doc-list .search-box {
    margin-top: 10px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    height: 26px;
    line-height: 25px; }
    .doc-list .search-box .row {
      padding: 0px; }
    .doc-list .search-box .col {
      padding: 0px;
      text-align: center;
      border-right: solid 1px #ddd;
      margin-right: 1px; }
      .doc-list .search-box .col.selected {
        color: #39d167; }
        .doc-list .search-box .col.selected .down {
          background-image: url("../img/icon-down-cli.jpg"); }
      .doc-list .search-box .col .down {
        display: inline-block;
        width: 18px;
        height: 15px;
        background-image: url("../img/icon-down.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle; }
    .doc-list .search-box .list {
      z-index: 4;
      padding: 0px;
      background-color: #FFF;
      margin-top: 2px; }
      .doc-list .search-box .list ion-scroll {
        max-height: 240px; }
      .doc-list .search-box .list .item {
        height: 30px;
        line-height: 30px;
        padding: 0 10px 0 10px;
        font-size: 14px;
        font-weight: bold; }
        .doc-list .search-box .list .item.selected {
          color: #39d167; }
  .doc-list .clinics {
    padding-bottom: 0px; }
    .doc-list .clinics .list {
      margin-top: -1px; }
    .doc-list .clinics .item {
      padding: 10px 0px 0px 0px; }
      .doc-list .clinics .item .row {
        padding: 0px; }
      .doc-list .clinics .item .avatar img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        overflow: hidden; }
      .doc-list .clinics .item .info {
        padding-bottom: 0px; }
        .doc-list .clinics .item .info .t1 {
          font-size: 13px;
          font-weight: bold;
          color: #323232;
          line-height: 30px; }
          .doc-list .clinics .item .info .t1 .name {
            font-size: 25px;
            color: #39d167;
            margin-right: 10px; }
        .doc-list .clinics .item .info .t {
          font-size: 15px;
          font-weight: bold;
          color: #323232;
          line-height: 25px; }
        .doc-list .clinics .item .info .status {
          float: right;
          width: 40px;
          height: 20px;
          padding: 0px;
          font-size: 11px;
          border: solid 1px #ddd;
          background-color: #e9e9e9;
          border-radius: 3px;
          color: #cccccc; }
          .doc-list .clinics .item .info .status.online {
            color: #39d167; }

.doc-detail .f-block {
  background-color: #FFF;
  margin-bottom: 15px; }
  .doc-detail .f-block .avatar img {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 50%; }
  .doc-detail .f-block .info {
    padding-bottom: 0px; }
    .doc-detail .f-block .info .t1 {
      font-size: 13px;
      font-weight: bold;
      color: #666666;
      line-height: 30px; }
      .doc-detail .f-block .info .t1 .name {
        font-size: 25px;
        color: #323232;
        margin-right: 10px; }
    .doc-detail .f-block .info .t {
      font-size: 15px;
      font-weight: bold;
      color: #666666;
      line-height: 25px;
      white-space: normal; }
  .doc-detail .f-block .tit {
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px; }
  .doc-detail .f-block .intro {
    padding-left: 5px;
    padding-right: 5px;
    color: #666666;
    font-size: 14px;
    padding-bottom: 10px; }

.doc-detail .btn {
  margin-top: 10px; }
  .doc-detail .btn .good {
    width: 25px;
    height: 25px;
    background-image: url("../img/good.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }

.doc-good .for {
  background-color: #FFF;
  padding-bottom: 0px; }
  .doc-good .for .col {
    padding-bottom: 0px; }
  .doc-good .for .for-you img {
    width: 196px;
    margin-top: 20px; }
  .doc-good .for .for-you p {
    color: #666;
    font-size: 14px;
    font-weight: bold; }
  .doc-good .for .avatar {
    border-left: solid 1px #ddd;
    padding-top: 10px;
    text-align: center; }
    .doc-good .for .avatar img {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      overflow: hidden; }

.doc-good .select-money {
  background-color: #FFF;
  border-top: solid 1px #ddd;
  padding: 5px;
  padding-bottom: 0px;
  border-bottom: solid 1px #ddd; }
  .doc-good .select-money .tit {
    font-size: 18px;
    font-weight: bold;
    color: #323232;
    line-height: 25px; }
  .doc-good .select-money .moneys {
    padding-bottom: 0px; }
    .doc-good .select-money .moneys .col {
      padding-bottom: 0px; }
    .doc-good .select-money .moneys .m-item {
      margin: 0 auto;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: solid 2px #ff0000;
      line-height: 35px;
      text-align: center;
      font-size: 18px;
      color: #ff0000; }
      .doc-good .select-money .moneys .m-item.selected {
        border: solid 4px #ff0000; }
      .doc-good .select-money .moneys .m-item .good {
        width: 16px;
        height: 14px;
        display: block;
        background-image: url("../img/good-red.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        margin: -3px auto; }
    .doc-good .select-money .moneys .name {
      color: #999999;
      font-size: 16px;
      text-align: center;
      line-height: 30px;
      margin-bottom: 5px; }

.doc-good .post {
  width: 100%;
  padding: 10px; }
  .doc-good .post .txt {
    width: 100%;
    height: 60px;
    color: #000;
    padding: 5px;
    font-size: 16px;
    border: solid 1px #ddd;
    border-radius: 3px; }
  .doc-good .post .btn.red {
    width: 100%;
    margin-top: 10px;
    background-color: #ff0000;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 3px;
    height: 30px; }
  .doc-good .post .intro {
    line-height: 20px;
    color: #666666;
    font-size: 13px;
    margin-top: 5px; }

.doc-good .doc-tit {
  height: 30px;
  line-height: 30px;
  background-color: #cccccc;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #323232; }

.doc-good .good-list .scroll-view {
  height: 300px; }

.doc-good .good-list .item {
  padding: 0px; }

.doc-good .good-list .avatar {
  position: relative; }
  .doc-good .good-list .avatar img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden; }
  .doc-good .good-list .avatar .money {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ff0000;
    line-height: 27px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    display: block; }

.doc-good .good-list .info .msg {
  color: #000; }

.home .icons {
  padding: 0px;
  border-bottom: solid 1px #ddd; }
  .home .icons .col {
    padding: 0px; }
    .home .icons .col img {
      width: 100%;
      float: left; }

.home .silde [rn-carousel] {
  z-index: 8;
  position: relative; }

.home .silde .indicator {
  position: relative;
  margin-top: -20px;
  z-index: 9;
  text-align: center; }

.home .mt {
  margin-top: 10px; }

.home .menus {
  padding-left: 15px;
  padding-right: 15px; }
  .home .menus .col {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    .home .menus .col img {
      width: 70px; }

.home .news .title {
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-bottom: solid 1px #ddd; }
  .home .news .title .r-arrow {
    width: 15px;
    height: 25px;
    background-image: url("../img/r-arrow.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 3px;
    right: 10px; }

.home .news .list {
  padding-left: 10px;
  padding-right: 10px; }
  .home .news .list .item {
    border: none;
    border-bottom: solid 1px #ddd;
    margin-bottom: 5px;
    word-break: break-all; }
    .home .news .list .item img {
      width: 80px;
      height: 80px; }
    .home .news .list .item .tit {
      font-weight: bold;
      font-size: 16px;
      color: #323232; }
    .home .news .list .item .content {
      font-size: 16px;
      word-break: break-all;
      white-space: normal;
      color: #999; }

.home-right .msg-list .item {
  padding-top: 5px;
  padding-bottom: 5px; }
  .home-right .msg-list .item p.tit {
    color: #333333;
    white-space: normal; }
  .home-right .msg-list .item p.time {
    color: #888888;
    font-size: 12px; }

.slide-left.open {
  transform: translate3d(-275px, 0px, 0px); }

.zoom-pane {
  width: 100% !important;
  height: 100% !important; }

.zoom-pane .scroll {
  min-height: 100% !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.zoom-pane img {
  width: 100% !important;
  vertical-align: middle !important; }

.image-modal {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background: black !important; }

.image-picker .image-modal {
  width: 100% !important;
  height: 100%;
  top: 0 !important;
  left: 0 !important; }

.image-picker ion-scroll {
  width: 100%;
  height: 100%; }
  .image-picker ion-scroll img {
    width: 100%; }

.image-picker .transparent {
  background: transparent !important; }

.image-picker .fullscreen-image {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0; }

.image-picker .slider {
  width: 100%;
  height: 100%; }

.image-picker .centerme {
  margin: 0 auto;
  width: 100%;
  height: 100%; }

.image-picker .fullscreen-player {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: none;
  position: fixed;
  right: 0;
  top: 0; }

.login .logo {
  width: 150px;
  height: 152px;
  margin: 50px auto; }
  .login .logo img {
    width: 100%;
    height: 100%; }

.login .ipt-item {
  background-color: #FFF;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  margin-top: -1px;
  line-height: 30px; }
  .login .ipt-item .txt {
    color: #999;
    font-size: 16px;
    text-align: center; }
  .login .ipt-item .ipt input {
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 16px; }

.login .labels {
  line-height: 30px;
  margin-top: 0px; }
  .login .labels .l {
    text-align: left;
    color: #666666;
    padding-left: 10px; }
  .login .labels .r {
    color: #39d167;
    text-align: right;
    padding-right: 10px; }
    .login .labels .r a {
      color: #39d167; }

.login .btns {
  margin-top: 30px; }

.yd-popup .popup {
  border-radius: 10px; }

.yd-popup .popup-title {
  /*font-weight: bold;*/ }

.yd-popup .popup-buttons .button {
  border-radius: 5px; }

.yd-popup .popup-buttons .button.button-positive {
  background-color: #39d167; }

.register .btns {
  margin-top: 10px; }
  .register .btns.user {
    margin-top: 70px; }
  .register .btns.doc .button {
    background-color: #FFF;
    color: #39d167; }

.register-user .button.active {
  background-color: #e5e5e5; }

.register-user .btns {
  margin-top: 10px; }

.register-user .ipt-item {
  background: none;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px; }
  .register-user .ipt-item input[type='tel'], .register-user .ipt-item input[type='password'], .register-user .ipt-item input[type='text'], .register-user .ipt-item textarea {
    border-radius: 3px 3px;
    border: solid 1px #ddd;
    font-size: 18px;
    width: 100%;
    line-height: 34px;
    height: 34px; }
  .register-user .ipt-item .txt {
    color: #666666; }
  .register-user .ipt-item .phone {
    padding-left: 27px;
    background-image: url("../img/ipt-1.jpg");
    background-repeat: no-repeat;
    background-size: contain; }
  .register-user .ipt-item .code {
    padding-left: 27px;
    background-image: url("../img/ipt-2.jpg");
    background-repeat: no-repeat;
    background-size: contain; }
  .register-user .ipt-item.agree .txt {
    text-align: left; }
    .register-user .ipt-item.agree .txt label {
      font-size: 16px; }
    .register-user .ipt-item.agree .txt input[type=checkbox] {
      font-size: 16px;
      margin-right: 5px; }
    .register-user .ipt-item.agree .txt span {
      color: #39d167;
      text-decoration: underline; }

.register-doc-info {
  background-color: #e6e6e6; }
  .register-doc-info .tit {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px; }

.register-doc-info-select {
  background-color: #FFF; }
  .register-doc-info-select .list .item {
    height: 35px;
    line-height: 35px;
    background: none;
    padding-top: 0px;
    padding-bottom: 0px; }
    .register-doc-info-select .list .item span {
      font-size: 18px; }
      .register-doc-info-select .list .item span.green {
        color: #39d167; }

.register-noduty {
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  text-indent: 2em; }

@charset "UTF-8";
.user-center .logo {
  width: 150px;
  height: 152px;
  margin: 50px auto; }
  .user-center .logo img {
    width: 100%;
    height: 100%; }

.user-center .row + .row {
  margin-top: 0;
  padding-top: 5px; }

.user-center .head-div {
  height: 110px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle; }
  .user-center .head-div .avata {
    height: 81px;
    width: 81px;
    border-radius: 40px;
    border: 1px solid #39d167;
    margin: 15px auto;
    overflow: hidden; }
  .user-center .head-div img {
    height: 80px;
    width: 80px; }

.user-center .fist-item {
  border-top: 1px solid #cccccc; }

.user-center .uitem {
  height: 45px;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff; }
  .user-center .uitem .icon {
    width: 20px;
    height: 20px;
    margin: 0 20px;
    line-height: 20px;
    float: left; }
    .user-center .uitem .icon img {
      width: 20px;
      height: 20px; }
  .user-center .uitem .title {
    font-size: 18px;
    color: #323232;
    line-height: 20px;
    float: left;
    font-weight: bold;
    /*display: inline-block;*/ }
  .user-center .uitem .go {
    width: 20px;
    height: 20px;
    line-height: 20px;
    /*display: inline-block;*/
    float: right;
    margin-top: 2px;
    margin-right: 20px; }
    .user-center .uitem .go img {
      width: 20px;
      height: 20px; }

.account-set .row + .row {
  /*margin-top: 0;*/
  /*padding-top: 5px;*/ }

.account-set .user-info {
  margin: 25px auto;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  height: 69px; }
  .account-set .user-info .head {
    height: 46px;
    width: 46px;
    margin: 0 10px;
    float: left;
    border-radius: 22px;
    border: 1px solid #3cd269;
    overflow: hidden; }
    .account-set .user-info .head img {
      width: 45px;
      height: 45px; }
  .account-set .user-info .info {
    float: left;
    height: 46px;
    margin-top: 3px; }
    .account-set .user-info .info .name {
      color: #323232;
      height: 23px;
      font-size: 18px;
      font-weight: bold; }
    .account-set .user-info .info .tel {
      height: 23px;
      color: #888888;
      font-size: 16px; }
  .account-set .user-info .go {
    float: right;
    margin-top: 14px;
    margin-right: 10px; }
    .account-set .user-info .go img {
      width: 20px;
      height: 20px; }

.account-set .status {
  color: #888888;
  font-size: 18px;
  margin-top: 25px;
  font-weight: bold;
  padding-left: 15px; }

.account-set .status-sel {
  height: 88px;
  margin: 30px auto;
  margin-top: 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff; }
  .account-set .status-sel .row {
    padding-top: 0; }
  .account-set .status-sel .item {
    margin-left: 15px;
    border-bottom: 1px solid #cccccc;
    border-left-width: 0px;
    border-right-width: 0px;
    color: #323232;
    height: 45px;
    font-size: 18px;
    font-weight: bold;
    line-height: 45px; }
    .account-set .status-sel .item .s-txt {
      float: left;
      margin-top: -5px; }
    .account-set .status-sel .item .go {
      float: right; }
      .account-set .status-sel .item .go img {
        width: 20px;
        height: 20px;
        margin-right: 10px; }

.account-set .itemdiv {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 16px;
  color: #323232;
  font-weight: bold; }
  .account-set .itemdiv .title {
    font-size: 16px;
    margin-left: 15px;
    float: left;
    margin-top: -10px; }
  .account-set .itemdiv .num {
    float: right;
    margin-right: 20px;
    float: right;
    margin-top: -10px; }
    .account-set .itemdiv .num input {
      width: 50px;
      border: 0;
      text-align: right; }

.account-set .sbutton {
  margin: 30px 10px;
  height: 40px;
  border-radius: 5px;
  background-color: #39d167;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: bolder; }

.message .msg-item {
  margin-left: 20px;
  border-bottom: 1px solid #cccccc;
  height: 70px; }
  .message .msg-item .title {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-left: -10px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
    margin-right: 10px; }
  .message .msg-item .time {
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    margin-left: -10px;
    display: inline-block; }
  .message .msg-item .right-time {
    display: inline-block;
    margin-left: 10px; }

.message .unread {
  color: #323232; }

.message .readed {
  color: #888888; }

.message-detail {
  font-size: 18px;
  font-weight: bold;
  color: #666666; }
  .message-detail .title {
    margin: 20px auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #323232; }
  .message-detail .dear {
    margin-left: 20px; }
  .message-detail .content {
    margin: 20px 20px; }
  .message-detail .autor {
    margin-top: 120px;
    margin-right: 20px;
    text-align: right; }
  .message-detail .send-time {
    margin-top: 20px;
    text-align: right;
    margin-right: 20px; }

.msg-setting {
  position: absolute;
  width: 100px;
  top: 40px;
  right: 5px;
  background-color: #FFF;
  border-radius: 10px;
  border: solid 1px #ddd;
  z-index: 99;
  padding: 5px; }
  .msg-setting .arrow {
    width: 22px;
    height: 11px;
    display: block;
    position: absolute;
    top: -11px;
    left: 67px;
    background-image: url("../img/msg-info.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .msg-setting .link {
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-bottom: solid 1px #ddd; }
    .msg-setting .link:last-child {
      border-bottom: none; }

.advice {
  font-size: 15px;
  color: #323232;
  background-color: #f5f5f5; }
  .advice .row-item {
    margin: 10px 15px; }
    .advice .row-item textarea {
      height: 90px;
      width: 100%;
      border-radius: 3px; }
  .advice .email {
    margin-left: 5pxl; }
  .advice .e-input {
    padding-right: 10px; }
    .advice .e-input input {
      width: 100%;
      border-radius: 3px; }
  .advice .sbutton {
    margin: 200px 10px;
    height: 40px;
    border-radius: 5px;
    background-color: #39d167;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    font-weight: bolder; }

.advice-ok {
  background-color: #ededed; }
  .advice-ok .ok {
    margin: 40px auto;
    width: 100px;
    height: 100px; }
    .advice-ok .ok img {
      width: 100px;
      height: 100px; }
  .advice-ok .msg {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold; }

.version {
  background-color: #f5f5f5; }
  .version .msg {
    text-align: center;
    margin: 90px auto;
    font-size: 30px; }

.qustion .row + .row {
  margin-top: 0;
  padding-top: 5px; }

.qustion .fist-item {
  margin-top: 10px; }

.qustion .uitem {
  height: 45px;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff; }
  .qustion .uitem .title {
    font-size: 18px;
    color: #323232;
    line-height: 20px;
    float: left;
    font-weight: bold;
    /*display: inline-block;*/ }
  .qustion .uitem .go {
    width: 20px;
    height: 20px;
    line-height: 20px;
    /*display: inline-block;*/
    float: right;
    margin-top: 2px;
    margin-right: 20px; }
    .qustion .uitem .go img {
      width: 20px;
      height: 20px; }

.qustion-detail .qdiv {
  font-size: 15px;
  margin: 0 10px;
  padding: 10px;
  line-height: 25px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top-width: 0; }
  .qustion-detail .qdiv .ico {
    display: inline-block; }
    .qustion-detail .qdiv .ico img {
      height: 20px;
      width: 20px; }
  .qustion-detail .qdiv .q {
    font-size: 18px;
    font-weight: bolder;
    margin-left: 10px;
    display: inline-block; }

.qustion-detail .f {
  margin-top: 15px;
  border: 1px solid #cccccc; }

.vip-index {
  font-size: 15px;
  font-weight: bold;
  color: #323232; }
  .vip-index .year {
    background-color: #ffffff;
    margin: 20px 0;
    width: 100%; }
    .vip-index .year .right {
      float: right;
      color: #ff0000;
      /*margin-right: 20px;*/ }
  .vip-index .v-div {
    background-color: #ffffff;
    margin-top: 20px;
    height: 150px; }
    .vip-index .v-div .left {
      text-align: center;
      border-right: 1px solid #cccccc; }
      .vip-index .v-div .left img {
        width: 100px;
        height: 100px; }
    .vip-index .v-div .right {
      text-align: center;
      margin-top: 30px;
      line-height: 30px; }

.vip-pay {
  font-size: 15px;
  font-weight: bold;
  color: #323232;
  background-color: #f2f2f2; }
  .vip-pay .input {
    width: 100%;
    margin: 10px auto; }
    .vip-pay .input input {
      border-radius: 3px;
      border: 2px solid #cccccc;
      width: 100%;
      height: 40px;
      padding: 2px 5px;
      font-weight: bolder;
      font-size: 20px; }
  .vip-pay .year {
    background-color: #ffffff;
    margin: 20px 0;
    width: 100%; }
    .vip-pay .year .right {
      float: right;
      color: #ff0000;
      /*margin-right: 20px;*/ }
  .vip-pay .title {
    font-size: 20px;
    margin: 0 10px;
    text-align: left;
    margin-bottom: 20px; }
  .vip-pay .item {
    background-color: #ffffff;
    height: 60px;
    margin: -1px 0; }
    .vip-pay .item img {
      width: 40px;
      height: 40px; }
    .vip-pay .item .left {
      float: left; }
    .vip-pay .item .right {
      float: right; }
    .vip-pay .item .content {
      color: #a8a8a8;
      font-size: 13px; }
    .vip-pay .item .unselect {
      width: 40px;
      height: 40px;
      background-image: url("../img/unselect.png"); }
    .vip-pay .item .selected {
      width: 40px;
      height: 41px;
      background-image: url("../img/selected.png"); }

.account .row + .row {
  margin-top: 0;
  padding-top: 4px; }

.account .money {
  color: #39d167;
  text-align: center; }

.account .balance {
  font-size: 28px;
  font-weight: bolder;
  margin: 0 auto;
  margin-top: 30px; }

.account .unit {
  font-size: 12px;
  margin: 3px auto; }

.account .uitem {
  height: 40px;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff; }
  .account .uitem .title {
    font-size: 18px;
    color: #323232;
    line-height: 20px;
    float: left;
    font-weight: bold;
    /*display: inline-block;*/ }
  .account .uitem .go {
    width: 20px;
    height: 20px;
    line-height: 20px;
    /*display: inline-block;*/
    float: right;
    margin-top: 2px;
    margin-right: 20px; }
    .account .uitem .go img {
      width: 20px;
      height: 20px; }

.account-history {
  color: #7e7e7e;
  font-size: 14px; }
  .account-history .col {
    padding-top: 0;
    padding-bottom: 0; }
  .account-history .row {
    padding-top: 0;
    padding-bottom: 0; }
  .account-history .header {
    text-align: center;
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    height: 40px;
    line-height: 40px;
    padding-bottom: 5px; }
  .account-history .item {
    color: #666666;
    background-color: #f2f2f2;
    border-right-width: 0;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    height: 40px;
    line-height: 40px; }

.fetch .row + .row {
  /*margin-top: 0;*/
  /*padding-top: 5px;*/ }

.fetch .user-info {
  margin: 25px auto;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  height: 69px; }
  .fetch .user-info .head {
    height: 46px;
    width: 46px;
    margin: 0 10px;
    float: left;
    border-radius: 22px;
    overflow: hidden; }
    .fetch .user-info .head img {
      width: 45px;
      height: 45px; }
  .fetch .user-info .info {
    float: left;
    height: 46px;
    margin-top: 3px;
    margin-left: 15px; }
    .fetch .user-info .info .name {
      color: #323232;
      height: 23px;
      font-size: 18px;
      font-weight: bold; }
    .fetch .user-info .info .tel {
      height: 23px;
      color: #888888;
      font-size: 16px; }
  .fetch .user-info .go {
    float: right;
    margin-top: 14px;
    margin-right: 10px; }
    .fetch .user-info .go img {
      width: 20px;
      height: 20px; }

.fetch .status {
  color: #888888;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 25px;
  font-weight: bold;
  padding-left: 15px; }
  .fetch .status span {
    color: #39d167; }

.fetch .status-sel {
  height: 88px;
  margin: 30px auto;
  margin-top: 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff; }
  .fetch .status-sel .row {
    padding-top: 0; }
  .fetch .status-sel .item {
    margin-left: 15px;
    border-bottom: 1px solid #cccccc;
    border-left-width: 0px;
    border-right-width: 0px;
    color: #323232;
    height: 45px;
    font-size: 18px;
    font-weight: bold;
    line-height: 45px; }
    .fetch .status-sel .item .s-txt {
      float: left;
      margin-top: -5px; }
    .fetch .status-sel .item .go {
      float: right; }
      .fetch .status-sel .item .go img {
        width: 20px;
        height: 20px;
        margin-right: 10px; }

.fetch .itemdiv {
  height: 45px;
  line-height: 55px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 16px;
  color: #323232;
  font-weight: bold; }
  .fetch .itemdiv .title {
    font-size: 16px;
    margin-left: 15px;
    float: left;
    margin-top: -10px; }
  .fetch .itemdiv .num {
    float: right;
    margin-right: 20px;
    float: right;
    margin-top: -10px; }
    .fetch .itemdiv .num input {
      width: 150px;
      border: 0;
      text-align: right; }
    .fetch .itemdiv .num input[type='password'] {
      height: 21px;
      margin-top: 15px;
      background-color: #fff; }

.fetch .sbutton {
  margin: 30px 10px;
  height: 40px;
  border-radius: 5px;
  background-color: #39d167;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: bolder; }

.card-list {
  background-color: #ffffff;
  margin: 0;
  box-shadow: none;
  /**建设银行**/
  /**中国银行**/
  /**中国农业银行**/
  /**中国工商银行**/
  /**中国交通银行**/
  /**招商银行**/ }
  .card-list .item-div {
    margin: 0 10px;
    padding: 15px;
    height: 120px;
    border-radius: 10px;
    background-color: blue;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 20px; }
    .card-list .item-div .card-logo {
      float: left;
      width: 50px;
      height: 120px;
      /*background-image: url('../img/bank_ccb.png');*/
      background-size: contain;
      background-repeat: no-repeat; }
    .card-list .item-div .card-content {
      font-family: '黑体-简';
      margin-left: 20px;
      font-size: 20px;
      color: #ffffff;
      float: left; }
      .card-list .item-div .card-content .card-name {
        font-size: 18px; }
      .card-list .item-div .card-content .card-type {
        font-size: 16px;
        margin-top: 5px; }
      .card-list .item-div .card-content .card-no {
        font-size: 22px;
        margin-top: 25px; }
  .card-list .cbc {
    background-color: #ded09a; }
  .card-list .bc {
    background-color: #3499c5; }
  .card-list .abc {
    background-color: #58d172; }
  .card-list .icbc {
    background-color: #0d35a4; }
  .card-list .bcm {
    background-color: #3483be; }
  .card-list .cmbc {
    background-color: #5080d4; }

.card-add .row + .row {
  margin: 0;
  padding: 0; }

.card-add .col {
  /*margin-top: 0;*/
  padding-top: 0;
  padding-bottom: 0; }

.card-add .status {
  margin-bottom: 10px;
  margin-top: 10px; }

.card-add .agree {
  font-size: 16px;
  margin-left: 15px;
  float: left;
  margin-top: 10px; }
  .card-add .agree span {
    color: #39d167;
    text-decoration: underline; }

.card-add .itemdiv {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc;
  /*border-top: 1px solid #cccccc;*/
  background-color: #ffffff;
  font-size: 16px;
  color: #323232;
  font-weight: bold; }
  .card-add .itemdiv .title {
    font-size: 16px;
    margin-left: 15px;
    float: left;
    height: 40px;
    line-height: 40px; }
  .card-add .itemdiv .num {
    text-align: left;
    width: 200px;
    float: right;
    margin-right: 20px;
    float: right;
    height: 40px;
    line-height: 40px; }
    .card-add .itemdiv .num input {
      width: 200px;
      border: 0;
      height: 30px;
      line-height: 30px;
      padding-left: 4px; }
    .card-add .itemdiv .num select {
      width: 200px;
      border: 0;
      height: 30px;
      line-height: 30px;
      background-color: #ffffff; }
    .card-add .itemdiv .num .card-type {
      font-size: 14px;
      padding-left: 4px;
      font-weight: normal; }
    .card-add .itemdiv .num .phone {
      width: 120px; }
    .card-add .itemdiv .num .sendcode {
      line-height: 40px;
      height: 40px;
      background-color: #39d167;
      font-size: 12px;
      color: #fff;
      width: 80px;
      border: 0;
      position: fixed;
      padding: 0;
      margin-top: -1px; }
    .card-add .itemdiv .num .sendcode.active {
      background-color: #e5e5e5; }

.card-add .sbutton {
  margin: 30px 10px;
  height: 40px;
  border-radius: 5px;
  background-color: #39d167;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: bolder; }

.user-info {
  background-color: #ededed; }
  .user-info .head-div {
    height: 110px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle; }
    .user-info .head-div .avata {
      height: 81px;
      width: 81px;
      border-radius: 40px;
      border: 1px solid #39d167;
      margin: 15px auto;
      overflow: hidden; }
    .user-info .head-div img {
      height: 80px;
      width: 80px; }
  .user-info .input-div {
    margin: 0 10px;
    margin-bottom: 30px;
    background-color: #ffffff;
    font-size: 18px; }
    .user-info .input-div .ipt-item input {
      height: 25px;
      line-height: 25px;
      border: 1px solid #b3b3b3;
      border-radius: 3px;
      /*display: inline-block;*/
      width: 100%;
      padding: 0 5px; }
    .user-info .input-div .ipt-item textarea {
      line-height: 20px;
      border: 1px solid #b3b3b3;
      display: inline-block;
      width: 100%;
      height: 70px;
      border-radius: 3px;
      margin-top: 4px;
      padding: 0 5px; }
    .user-info .input-div .ipt-item .tel-text-head {
      width: 20%; }
    .user-info .input-div .ipt-item .tel-text-body {
      width: 80%; }
    .user-info .input-div .ipt-item .radio {
      width: auto;
      height: 16px; }
    .user-info .input-div .ipt-item i {
      margin-left: 13px; }
    .user-info .input-div .ipt-item .view-text {
      font-size: 17px;
      color: #808080;
      float: right;
      margin-right: 10px;
      font-weight: bolder; }
    .user-info .input-div .ipt-item .left {
      float: left; }
    .user-info .input-div .ipt-item .title {
      color: #808080;
      line-height: 25px;
      font-weight: bolder;
      text-align: left; }
      .user-info .input-div .ipt-item .title span {
        width: 70px;
        /*display: inline-block;*/
        float: left; }
  .user-info .button-submit {
    background-color: #39d167;
    margin: 0 10px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-weight: bolder;
    border-radius: 5px;
    margin-bottom: 10px; }
